<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 控制台主页一</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="__LAYUI__/style/admin.css" media="all">
</head>
<body>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="layui-row layui-col-space15">

        <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          访问量
          <span class="layui-badge layui-bg-blue layuiadmin-badge">周</span>
        </div>
        <div class="layui-card-body layuiadmin-card-list">
          <p class="layuiadmin-big-font">9,999,666</p>
          <p>
            总计访问量
            <span class="layuiadmin-span-color">88万 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          下载
          <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span>
        </div>
        <div class="layui-card-body layuiadmin-card-list">
          <p class="layuiadmin-big-font">33,555</p>
          <p>
            新下载
            <span class="layuiadmin-span-color">10% <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          收入
          <span class="layui-badge layui-bg-green layuiadmin-badge">年</span>
        </div>
        <div class="layui-card-body layuiadmin-card-list">

          <p class="layuiadmin-big-font">999,666</p>
          <p>
            总收入
            <span class="layuiadmin-span-color">*** <i class="layui-inline layui-icon layui-icon-dollar"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          活跃用户
          <span class="layui-badge layui-bg-orange layuiadmin-badge">月</span>
        </div>
        <div class="layui-card-body layuiadmin-card-list">

          <p class="layuiadmin-big-font">66,666</p>
          <p>
            最近一个月
            <span class="layuiadmin-span-color">15% <i class="layui-inline layui-icon layui-icon-user"></i></span>
          </p>
        </div>
      </div>
    </div>

        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">快捷方式</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs3">
                      <a lay-href="index/homepage1.html">
                        <i class="layui-icon layui-icon-console"></i>
                        <cite>主页一1</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="{:url('homepage2')}">
                        <i class="layui-icon layui-icon-chart"></i>
                        <cite>主页二2</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="component/layer/list.html">
                        <i class="layui-icon layui-icon-template-1"></i>
                        <cite>弹层</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a layadmin-event="im">
                        <i class="layui-icon layui-icon-chat"></i>
                        <cite>聊天</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="component/progress/index.html">
                        <i class="layui-icon layui-icon-find-fill"></i>
                        <cite>进度条</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="app/workorder/list.html">
                        <i class="layui-icon layui-icon-survey"></i>
                        <cite>工单</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="user/user/list.html">
                        <i class="layui-icon layui-icon-user"></i>
                        <cite>用户</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/system/website.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                  </ul>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="set/user/info.html">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>我的资料</cite>
                      </a>
                    </li>
                  </ul>

                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">待办事项</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-backlog">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs6">
                      <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
                        <h3>待审评论</h3>
                        <p><cite>158649</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="app/forum/list.html" class="layadmin-backlog-body">
                        <h3>待审帖子</h3>
                        <p><cite>158649</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
                        <h3>待审商品</h3>
                        <p><cite>158649</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
                        <h3>待发货</h3>
                        <p><cite>158649</cite></p>
                      </a>
                    </li>
                  </ul>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs6">
                      <a href="javascript:;" class="layadmin-backlog-body">
                        <h3>待审友情链接</h3>
                        <p><cite style="color: #FF5722;">5</cite></p>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 活跃用户  start -->
        <div class="layui-col-sm6">
          <div class="layui-card">
            <div class="layui-card-header">本周活跃用户列表</div>
            <div class="layui-card-body">
              <table class="layui-table layuiadmin-page-table" lay-skin="line">
                <thead>
                  <tr>
                    <th>用户名</th>
                    <th>最后登录时间</th>
                    <th>状态</th>
                    <th>获得赞</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><span class="first">胡歌</span></td>
                    <td><i class="layui-icon layui-icon-log"> 11:20</i></td>
                    <td><span>在线</span></td>
                    <td>22 <i class="layui-icon layui-icon-praise"></i></td>
                  </tr>
                  <tr>
                    <td><span class="second">彭于晏</span></td>
                    <td><i class="layui-icon layui-icon-log"> 10:40</i></td>
                    <td><span>在线</span></td>
                    <td>21 <i class="layui-icon layui-icon-praise"></i></td>
                  </tr>
                  <tr>
                    <td><span class="third">靳东</span></td>
                    <td><i class="layui-icon layui-icon-log"> 01:30</i></td>
                    <td><i>离线</i></td>
                    <td>66 <i class="layui-icon layui-icon-praise"></i></td>
                  </tr>
                  <tr>
                    <td>吴尊</td>
                    <td><i class="layui-icon layui-icon-log"> 21:18</i></td>
                    <td><i>离线</i></td>
                    <td>45 <i class="layui-icon layui-icon-praise"></i></td>
                  </tr>
                  <tr>
                    <td>许上进</td>
                    <td><i class="layui-icon layui-icon-log"> 09:30</i></td>
                    <td><span>在线</span></td>
                    <td>21 <i class="layui-icon layui-icon-praise"></i></td>
                  </tr>
                  <tr>
                    <td>小蚊子</td>
                    <td><i class="layui-icon layui-icon-log"> 21:18</i></td>
                    <td><i>在线</i></td>
                    <td>45 <i class="layui-icon layui-icon-praise"></i></td>
                  </tr>
                  <tr>
                    <td>贤心</td>
                    <td><i class="layui-icon layui-icon-log"> 09:30</i></td>
                    <td><span>在线</span></td>
                    <td>21 <i class="layui-icon layui-icon-praise"></i></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <!-- 活跃用户 end -->
        <!-- 用户全国分布  start -->
        <div class="layui-col-sm12">
          <div class="layui-card">
            <div class="layui-card-header">用户全国分布</div>
            <div class="layui-card-body">
              <div class="layui-row layui-col-space15">
                <div class="layui-col-sm4">
                  <table class="layui-table layuiadmin-page-table" lay-skin="line">
                    <thead>
                      <tr>
                        <th>排名</th>
                        <th>地区</th>
                        <th>人数</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>浙江</td>
                        <td>62310</td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>上海</td>
                        <td>59190</td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>广东</td>
                        <td>55891</td>
                      </tr>
                      <tr>
                        <td>4</td>
                        <td>北京</td>
                        <td>51919</td>
                      </tr>
                      <tr>
                        <td>5</td>
                        <td>山东</td>
                        <td>39231</td>
                      </tr>
                      <tr>
                        <td>6</td>
                        <td>湖北</td>
                        <td>37109</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div class="layui-col-sm8">
                  <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagethree">
                    <div carousel-item id="LAY-index-pagethree">
                      <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 用户全国分布 end -->
        <div class="layui-col-md12">
          <div class="layui-card">
            <div class="layui-card-header">数据概览</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                <div carousel-item id="LAY-index-dataview">
                  <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                  <div></div>
                  <div></div>
                </div>
              </div>

            </div>
          </div>
          <div class="layui-card">
            <div class="layui-tab layui-tab-brief layadmin-latestData">
              <ul class="layui-tab-title">
                <li class="layui-this">今日热搜</li>
                <li>今日热帖</li>
              </ul>
              <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                  <table id="LAY-index-topSearch"></table>
                </div>
                <div class="layui-tab-item">
                  <table id="LAY-index-topCard"></table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="layui-col-md4">
      <div class="layui-card">
        <div class="layui-card-header">版本信息</div>
        <div class="layui-card-body layui-text">
          <table class="layui-table">
            <colgroup>
              <col width="100">
              <col>
            </colgroup>
            <tbody>
              <tr>
                <td>当前版本</td>
                <td>
                  {$_name}_{$_version}
                </td>
              </tr>
              <tr>
                <td>基于框架</td>
                <td>layui-v2.9.6 + <a href="https://www.thinkphp.cn/" target="_blank">Thinkphp{$config.version}</a></td>
              </tr>
              <tr>
                <td>运行环境</td>
                <td><p>{$config.server_os}-&nbsp;PHP{$config.php_version}-&nbsp;{$config.server_soft}-&nbsp;Mysql:{$config.mysql_version} </p></td>
              </tr>
              <tr>
                <td>获取渠道</td>
                <td style="padding-bottom: 0;">
                  <div class="layui-btn-container">
                    <a href="" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>
                    <a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">效果报告</div>
        <div class="layui-card-body layadmin-takerates">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="65%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="32%"></div>
          </div>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">实时监控</div>
        <div class="layui-card-body layadmin-takerates">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>CPU使用率</h3>
            <div class="layui-progress-bar" lay-percent="58%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>内存占用率</h3>
            <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
          </div>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">产品动态</div>
        <div class="layui-card-body">
          <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
            <div carousel-item>
              <div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
              <div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>
              <div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
            </div>
          </div>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">
          作者心语
          <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
        </div>
        <div class="layui-card-body layui-text layadmin-text">
          <p>一直以来，DLMCms 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>
          <p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 DLMCms 是我们尝试解决的手段之一。我相信真正有爱于 DLMCms 生态的你，定然不会错过这一拥抱吧。</p>
          <p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="{$_site_url}" target="_blank">DLMCms</a></p>
          <p>—— 贤心（<a href="{$_site_url}" target="_blank">848981.net</a>）</p>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="__LAYUI__/layui/layui.js"></script>
<script>
  layui.config({
    base: '__LAYUI__/'
  }).extend({
    index: 'lib/index'
  }).use(['index', 'console', 'sample']);
</script>
</body>
</html>

